<template>
	<div class="addhouse">
		<div style="height: 20px;background: #1E82D2 ;"></div>
		<mt-header title="添加仓库" style='background: #1E82D2;font-size: 1.125rem;height: 3rem;' >
		<router-link to="/house" slot="left">
		    <i class="material-icons left_1" style="color: #fff;">chevron_left</i>
		 </router-link>
		</mt-header>
		
		<div class="con">
			<div class="con-c">
				<p>仓库信息</p>
				
				<div class="choice">
			    <div class="choice-c">
			    <span>仓库名称</span>
		        <input type="text" />
				</div>
		        </div>
				
				
				<div class="choice">
			    <div class="choice-c">
			    <span>所属机构</span>
		        <select class="choice-k">
				  <option value ="请选择设备类型">请选择所属机构</option>
				  <option value ="主机">主机</option>
				  <option value ="配件">配件</option>
				  <option value="主机配件">主机配件</option>	
				</select>
				</div>
		        </div>
		        
		        
		        
		        <div class="choice">
			    <div class="choice-c">
			    <span>仓库类型</span>
		        <select class="choice-k">
				  <option value ="请选择设备类型">请选择仓库类型</option>
				  <option value ="主机">主机</option>
				  <option value ="配件">配件</option>
				  <option value="主机配件">主机配件</option>	
				</select>
				</div>
		        </div>
		        
		        
		        
		        <div class="choice adress">
			    <div class="choice-c adress-c">
			    <span>仓库地址</span>
		        <mt-field  placeholder="地址" type="textarea" rows="4" ></mt-field>
				</div>
		        </div>
		        
		         <div class="choice adress">
			    <div class="choice-c adress-c">
			    <span>备注</span>
		        <mt-field  placeholder="地址" type="textarea" rows="4" ></mt-field>
				</div>
		        </div>
				
				
			</div>
		</div>
		
		<button class="btn">保存</button>
		
		
	</div>
</template>

<script>
export default {
  data() {
    return {
      username: ''
    }
  }
}
</script>

<style scoped>
.con {
  width: 100%;
  min-height: 15rem;
  background: #fff;
}
.con-c {
  padding: 0.5rem;
  font-size: 0.8rem;
}
.choice {
  width: 100%;
  height: 2rem;
  background: #fff;
}
.choice-c {
  padding: 0.5rem;
}
.choice-c input {
  border: none;
  float: right;
  width: 60%;
}
.choice span {
  line-height: 1rem;
  font-size: 0.8rem;
  width: 40%;
}
.choice-k {
  width: 60%;
  float: right;
  line-height: 2rem;
  height: 1rem;
  border: none;
}
.choice-k option {
  font-size: 0.8rem;
}
.adress {
  height: 6.3rem;
  border: none;
}
.btn {
  width: 92%;
  margin-left: 4%;
  height: 3rem;
  margin-top: 2rem;
  border: none;
  background: #4a82c6;
  color: #fff;
  border-radius: 6px;
}
</style>